<script setup lang="ts">
import Message from '@/components/XtxMessage'
import { ref } from 'vue';
import XtxDialog from '@/components/XtxDialog/XtxDialog.vue';

  // Message({
  //   type:'success',
  //   text:'你好吗', 
  //   duration:2000
  // })
Message.success('我还好')
Message.error('我还好')
Message.warning('我还好')

// import { h , onMounted , render } from 'vue'

// const vNode = h('h1', {title :'标题' ,id:'box' ,className:'aa'})
//   // 参数1 ： 创建的虚拟DOM的节点类型 比如 div h1 a  img 
//   // 参数2 ： 虚拟DOM有的属性 ，   是一个对象
//   // 参数3 :  虚拟DOmain节点的内容

//   onMounted(() => {
//     const div = document.getElementById('div')
//     if(div){
//       console.log(div,vNode)
//       render(vNode,div)
//     }
// })
const isShow = ref(true)

</script>

<template>
 <div id="div"></div>
  <button>切换</button>
  <XtxDialog v-model="isShow" ref="target" title="红红火火恍恍惚惚" >
    <div>
      123
    </div>

    <template #footer>
      <button>测试按钮</button>
    </template>

  </XtxDialog>

 
      <XtxSkeleton
          :width="60"
          :height="18"
          style="margin-right: 5px"
          bg="rgba(255,255,255,0.2)"
          animated
          />

</template>

